<template>
  <div>
    <div class="brandBackground">
      <!-- 头部搜索框组件 -->
      <cy-brandsearch></cy-brandsearch>
      <!-- 主体组件 -->
      <cy-brandmain></cy-brandmain>
    </div>
    <!-- 底部 -->
    <cy-brandfooter></cy-brandfooter>
  </div>
</template>

<script>
import CyBrandfooter from "./CyBrandfooter.vue";
import CyBrandmain from "./CyBrandmain.vue";
import CyBrandsearch from "./CyBrandsearch.vue";
export default {
  data() {
    return {};
  },

  components: { CyBrandsearch, CyBrandmain, CyBrandfooter },

  computed: {},

  mounted() {},

  methods: {},
};
</script>

<style lang="less" scoped>
.brandBackground {
  width: 100%;
  background: url(../../assets/images/brandBackground.png) -110px no-repeat;
  background-size: 135% 100%;
  display: flex;
  flex-direction: column;
}
</style>
